/*宽高*/
.width-full {
  width: 100%;
}

.height-full {
  height: 100%;
}

.full {
  width: 100%;
  height: 100%;
}

/*flex布局*/
.flex {
  display: flex;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-space-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.flex-vertical-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex-align-center {
  display: flex;
  align-items: center;
}

.flex1 {
  flex: 1;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

/*溢出处理*/
.overflow-hidden {
  overflow: hidden;
}

.scroll {
  overflow-x: hidden;
  overflow-y: auto;
}

/*定位*/
.rel {
  position: relative;
}

.abs {
  position: absolute;
}

/*浮动*/
.clearFix {
  zoom: 1;
}

.clearFix:after {
  content: " ";
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  overflow: hidden;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

/*盒子阴影*/
.box-shadow {
  box-shadow: rgba(52, 56, 85, 0.25) 0 2px 3px 0;
}

/*文字阴影*/
.text-shadow {
  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}

/*文本*/
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}
/*单行省略号*/
.break-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}